function loadInfoIndex(){
	var jSonData = window.webConnector.getResult();
	var page = window.webConnector.getActivePage();

	var myObject = jQuery.parseJSON(jSonData);

	var listItem = jQuery(".ui-page-active #list-item");
	var pagerIndex = jQuery(".ui-page-active #pager-index .ui-controlgroup-controls");

    listItem.html("");
    jQuery.each(myObject.list, function() {
	    listItem.append(this['data']);
	});

    pagerIndex.html("");
    var totalPg = intTotalPage(parseInt(myObject.totalnumber));

    if(totalPg <= 5) {
        pagerIndex.append(renderPager("index.html?page=1", "1", "1", "0"));
    	for(var index = 2; index <= totalPg-1; index++) {
    		pagerIndex.append(renderPager("index.html?page="+index, index));
    	}
    	pagerIndex.append(renderPager("index.html?page="+totalPg, totalPg, "0", "1"));
    }
    else {
    	if(page <= 3) {
    		var pageTmp;
    		pagerIndex.append(renderPager("index.html?page=1", "1", "1", "0"));
    		for(var index = 2; index <= 5; index++) {
        		pagerIndex.append(renderPager("index.html?page="+index, index));
        		pageTmp = index;
        	}

    		if(pageTmp < totalPg)
    			pagerIndex.append(renderPager("index.html?page="+pageTmp, ">>", "0", "1"));
    	}
    	else {
    		var pageTmp = page - 3;
    		pagerIndex.append(renderPager("index.html?page="+pageTmp, "<<", "1", "0"));
    		var pageCnt = parseInt(page);

    		if(pageCnt + 2 >= totalPg)
    			pageCnt = totalPg - 2;

    		for(var index1 = parseInt(pageCnt - 2); index1 <= parseInt(pageCnt + 2); index1++) {
        		pagerIndex.append(renderPager("index.html?page="+index1, index1));
        		pageTmp = index1;
        	}

    		if(pageTmp < totalPg)
    			pagerIndex.append(renderPager("index.html?page="+pageTmp, ">>", "0", "1"));
    	}
    }
}
